page{
  height: 100%;
}
.cates{
  height: 100%;
  .cates_wrap{
    height: ~'calc(100vh - 90rpx)';
    display: flex;
    .left_menu{
      flex: 2;
      .menu_item{
        height: 80rpx;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 30rpx;
      }
      .active{
        color: var(--themeColor);
      }
    }
    .right_content{
      flex: 5;
      .goods{
        .goods_title{
          text-align: center;
          padding: 20rpx 0;
          .line{
            color: #ccc;
            padding: 0 10rpx;
          }
        }
        .goods_content{
          display: flex;
          flex-wrap: wrap;
          navigator{
            width: 33.3%;
            text-align: center;
            padding: 10rpx 0;
            image{
              width: 50%;
            }
          }
        }
      }
    }
  }
}
